<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">

        <h:form>  
            

            <h:panelGrid columns="5" cellpadding="5">  
                <h:outputLabel for="pesquisa" value="Pesquisa:" style="font-weight:bold"/>  

                <p:inputText id="pesquisa" value="" />  

                <p:commandButton value="PESQUISAR" update="display"/>  

                <h:outputText value="" id="display" />  

                <p:commandButton id="basic" value="Basic" onclick="dlg1.show();" type="button" /> 

            </h:panelGrid>  

        


        

            <p:dataTable id="dataTable" var="car" value="" paginator="true" rows="10" paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"  rowsPerPageTemplate="5,10,15">  
                <f:facet name="header">  
                    Ajax Pagination  
                </f:facet>  

                <p:column>  
                    <f:facet name="header">  
                        <h:outputText value="Nome" />  
                    </f:facet>  
                    <h:outputText value="" />  
                </p:column>  

                <p:column>  
                    <f:facet name="header">  
                        <h:outputText value="Perfil" />  
                    </f:facet>  
                    <h:outputText value="" />  
                </p:column>  

                <p:column>  
                    <f:facet name="header">  
                        <h:outputText value="CPF" />  
                    </f:facet>  
                    <h:outputText value="" />  
                </p:column>  

                <p:column>  
                    <f:facet name="header">  
                        <h:outputText value="Data de Nasc." />  
                    </f:facet>  
                    <h:outputText value="" />  
                </p:column>  


                <p:column style="width: 101px;">  
                     <p:commandButton value="REMOVER" />
                </p:column> 

            </p:dataTable>  

        </h:form>  

        <p:dialog id="basicDialog" header="Basic Dialog" widgetVar="dlg1">    
            <h:panelGrid columns="2">   

                <h:outputLabel for="firstname" value="Primeiro Nome *" />  
                <p:inputText id="firstname"  required="true" label="Firstname">  
                    <f:validateLength minimum="2" />  
                </p:inputText>  
                <p:message for="firstname" />
                <h:outputText /> 

                <h:outputLabel for="surname" value="Sobrenome *" />  
                <p:inputText id="surname"  required="true" label="Surname"/>  
                <p:message for="surname" />

                <h:outputText  />  
                <h:outputText value="Telefone:   " />  
                <p:inputMask  mask="(999) 9999-9999"/> 

                <h:outputText value="Data de nascimento: " />
                <p:calendar  id="popupCal" />  
                <h:outputText value="Ativo: " />  
                <p:selectBooleanCheckbox  />
                <h:outputText value="Descricao :" />  
                <p:inputTextarea rows="5" cols="30" counter="counter" maxlength="200" counterTemplate="{0} characters remaining." autoResize="true"/>

                <p:commandButton value="Cadastrar" type="reset"   />   
                <p:commandButton value="Reset" type="reset" />
            </h:panelGrid>  
        </p:dialog> 
    </ui:define>

</ui:composition>
